<template>
    <view>
         <view class="container-itemV3" >
            <view v-for="(item,index) in jdata" :key="index" class="item-con item-front" @click="media(item.id)">
                <a class="card-front">
                  <view class="content">
                    <view class="title">
                        <view class="tit">{{item.title}} </view>
                    </view>
                    <view class="desc">
                      {{item.description}}
                    </view>

                        <view class="cli">
                            <view class="date">{{item.page_time}}</view>
                            <view class="click">
                                  <view class="img">
                                    <img src="../../../static/image/yey.png" alt="">
                                    <!-- <img :src="jimg['779ab593866a6187b2f34ee0b4757c0e']"/> -->
                                  </view>
                                <view>{{item.click}}</view>
                            </view>
                        </view>

                    </view>

                    <view class="pic2">
						          <img :src="item.image" :alt="item.title" />
                    </view>
                    
                </a>
            </view>
        </view>

		<view :class="noMore == 1 ? 'noMore-show' : 'noMore'">没有更多内容了</view>

    </view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			jdata:{},
			noMore:{},
      jimg:{
            type: Array,
        }
		},
		methods: {
			// 房象传媒跳转
			media(id){
			  this.$common.navigateTo("/pages/index/journalism/Journalism?id="+id);
			},
		}
	}
</script>

<style scoped>
.container-itemV3 {
    width: 670rpx;
    border-radius: 10rpx;
    margin: 0 auto;
    padding-bottom: 100upx;
}

.card-front{
  display: flex;
  border: 1px solid #cdd7e1;
  margin-top: 20upx;
}
.pic2{
    width: 270rpx;
    height: 200rpx;
    border-radius: 10rpx;
}
.pic2>img{
  width: 264rpx;
  height: 100%;
	margin-left: 10rpx;
}
.content{
  height: 200rpx;
  width: 392rpx;
}

.tit{
  height: 36rpx;
  width: 366rpx;
  overflow: hidden;
  color: #343434;
  font-size: 28rpx;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 20rpx;
  margin-left:14rpx;
}
.desc{
  height: 82rpx;
  width: 366rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:2;
  color: #9a9a9a;
  font-size: 24rpx;
  line-height: 40rpx;
  margin-top:10rpx;
  margin-left: 14rpx;
}
.cli{
  display: flex;
}
.date{
  font-size: 24rpx;
  color: #333;
  margin-left:14rpx;
  padding-right:100rpx;
}
.click{
  display: flex;
}
 .click .img{
  width: 44upx;
  height: 24upx;
  margin-right: 10upx;
  margin-top: 5upx;
}
 .click .img>img{
  height: 100%;
  width: 100%;
}
.noMore-show{
	margin-top:20rpx;
	text-align: center;
}
.noMore{
	margin-top:20rpx;
	text-align: center;
	display: none;
}
</style>